


<html lang="es">
<head>
<meta charset = "utf-8"/>
<title>pagina web movil</title>
<link  rel="stylesheet" type="text/css" href="jqm/jquery.mobile-1.3.1.css" >
<script type="text/javascript" src="jquery-1.10.1.min.js"> </script>
<script type="text/javascript" src="jqm/jquery.mobile-1.3.1.js"> </script>
<script type="text/javascript">
        function limpiarFormulario() {
            document.forms['form'].reset();
        };
    </script>

</head>


<body onLoad="limpiarFormulario();" >

 <div data-role="page" >
 
 <!-- cabecera-->
 <div data-role="header" data-theme="b">
<h1> registrese en el sistema</h1>
 
</div>

<!-- contenido-->

 <div data-role="content">
  <form action="ingresardatosbase.php" name="form"  method="POST" data-ajax="false" >
<!-- para desativar ajax,(sus efectos de traspaso) dentro del form se  coloca   data-ajax="false"  --> 
 
 <div data-role="fieldcontain">
 <label for="usuario1">usuario</label>
 <input type="text" name="usuario" id="usuario1" required>
 </div>
 
<!--(se usa para pegar label con input, se coloca entre cada componente) <div data-role="fieldcontain"> </div>-->
 
 <div data-role="fieldcontain">
 <label for="contraseña1">password</label>
 <input type="password" name="contraseña" id="contraseña1" required> 
 </div>
 
 <div data-role="fieldcontain">
 <label  for="fecha1nacimiento" >fecha de nacimiento</label>
 <input  type="date" name="fechanacimiento" id="fecha1nacimiento"  > 
 </div>
 
 <div data-role="fieldcontain">
  <label  for="interruptor1">genero</label>
 <select name="opciones" id="interruptor1" data-role="slider">
 <option value="masculino">masculio</option>
 <option value="femenino">femenino</option> 
 </select> 
 </div>
 
 <div data-role="fieldcontain">
<fieldset data-role="controlgroup">
    <legend>estrato</legend>
        <input type="radio" name="radio-choice-1" id="radio-choice-1" 
value="1" />
        <label for="radio-choice-1">estrato1</label>
        <input type="radio" name="radio-choice-1" id="radio-choice-2" 
value="2"  />
        <label for="radio-choice-2">estrato2</label>
        <input type="radio" name="radio-choice-1" id="radio-choice-3"
value="3" checked="checked"  />
        <label for="radio-choice-3">estrato3</label>
        <input type="radio" name="radio-choice-1" id="radio-choice-4"
value="4"  />
        <label for="radio-choice-4">estrato4</label>

</fieldset>
</div>


<div data-role="fieldcontain">
 <label  for="cedula1">cedula</label>
 <input  type="text"  name="cedula" id="cedula1" required>
 </div>
 
 <div data-role="fieldcontain">
 <label for="fecha1"> fecha de expedicion</label>
 <input type="date" name="fecha"  id="fecha1">
 </div>
 
 <div data-role="fieldcontain">
<label for="ciudad1" > ciudad de </label>
<input type="text" id="ciudad1" name="ciudad" required >
 </div>
 

 <input  type="submit" data-theme="a" data-icon="help" name="enviar" value="registrar datos"  >

 
 <a href="index.html" data-role="button" data-theme="a" data-icon="help" data-rel="back" > regresar a pagina inicial</a>


  
  </form>
 </div>

<!--pie de pagina-->
<div data-role="footer" data-theme="e">
<h2>aplicacion realizada por marco tulio soto</h2>
</div> 
 
 </div> 
 
 
 </body>

</html>
 